#title{
    position: absolute;
    width: 40%;
    height: 10%;
    top: 10%;
    left: 30%;
    background: #1b1b1b;
    color: white;
}
#real_time{
    position: absolute;
    width: 40%;
    height: 10%;
    top:0;
    left: 30%;
    background: #1b1b1b;
    color: white;
}
#z1{
    position: absolute;
    width: 30%;
    height: 45%;
    top:0;
    left: 30%;
    background: #1b1b1b;
    color: white;
}
#z2{
    position: absolute;
    width: 30%;
    height: 45%;
    top:0;
    left: 30%;
    background: #1b1b1b;
    color: white;
}
#c1{
    position: absolute;
    width: 40%;
    height: 10%;
    top: 30%;
    left: 30%;
    background: #1b1b1b;
    color: white;
}
#c2{
    position: absolute;
    width: 40%;
    height: 10%;
    top: 60%;
    left: 30%;
    background: #1b1b1b;
    color: white;
}
#y1{
    position: absolute;
    width: 40%;
    height: 10%;
    top:0;
    left: 30%;
    background: #1b1b1b;
    color: white;
}
#y2{
    position: absolute;
    width: 40%;
    height: 10%;
    top:0;
    left: 30%;
    background: #1b1b1b;
    color: white;
}